<!DOCTYPE html>
<html><head lang="en">
	<meta charset="UTF-8">
<title>图片轮换</title>
	<link rel="stylesheet" href="../css/scroll.css">

</head>

<body>
<div class="scroll">
	<div id="num">
		<a href="#" onmouseover="over1()" >1</a>
		<a href="#"onmouseover="over()" >2</a>
		<a href="#"onmouseover="over3()" >3</a>
		<a href="#"onmouseover="over4()">4</a>
		<a href="#"onmouseover="over5()" >5</a>
	</div>
	<img src="../img/1.gif" ="图片" id="photo">
</div>


</body>
<script type="text/javascript">
	function over1(){
		document.getElementById("photo").src="../img/1.gif";
	}
	function over(){
		document.getElementById("photo").src="../img/2.gif"
	}
	function over3(){
		document.getElementById("photo").src="../img/3.jpg"
	}
	function over4(){
		document.getElementById("photo").src="../img/4.jpg"
	}
	function over5(){
		document.getElementById("photo").src="../img/5.gif"
	}
</script>
</html>
	